.checklistitem-control {
    -fx-skin: "com.peeterst.skin.ChecklistItemSkin";
    -fx-background-color: transparent;

}

/*.hBox {*/
    /*-fx-background-color: transparent;*/
/*}*/

/*.hBox:hover {*/
    /*-fx-background-color: darkgray;*/
/*}*/

.content {

    -fx-background-color: transparent;
}

.content:hover {
    -fx-background-color: darkgray;
}

.checkBox {
    -fx-label-padding: 0.0em 0.0em 0.0em 0.416667em;
    -fx-text-fill: #000;
}

.deleteButton {
    -fx-background-size: 20 20;
    -fx-graphic: url('../img/delete_rnd_icon.png');
    -fx-background-repeat: no-repeat;
    -fx-background-position:left;


}

.checkBox .box {

    -fx-background-color:
        rgb(142,143,143),
        rgb(244,244,244),
        linear-gradient(
            to bottom right,
            rgb(174,179,185) 0%,
            rgb(233,233,234) 75%,
            rgb(233,233,234) 100%
        ),
        linear-gradient(
            to bottom right,
            rgb(203,207,213) 0%,
            rgb(246,246,246) 84%,
            rgb(246,246,246) 100%
        );

    -fx-background-insets: 0, 1, 2, 3;
    -fx-background-radius: 0,0,0,0;
    -fx-padding: 0.25em;
}

.checkBox:focused .box {

    -fx-background-color:
        rgb(85,134,163),
        rgb(222,249,250),
        linear-gradient(
            to bottom right,
            rgb(121,198,245) 35%,
            rgb(207,236,253) 100%),
        linear-gradient(
            to bottom right,
            rgb(177,223,253) 0%,
            rgb(231,247,254) 85%);
}

.checkBox:hover .box {

    -fx-background-color:
        rgb(85,134,163),
        rgb(222,249,250),
        linear-gradient(
            to bottom right,
            rgb(121,198,249) 0%,
            rgb(121,198,249) 54%,
            rgb(207,236,253) 85%,
            rgb(207,236,253) 100%),
        linear-gradient(
            to bottom right,
            rgb(177,223,253) 0%,
            rgb(231,247,254) 75%,
            rgb(231,247,254) 100%);
}

.checkBox:armed .box {

    -fx-background-color:
        rgb(44,98,139),
        rgb(194,228,246),
        linear-gradient(
            to bottom right,
            rgb(94,182,247) 0%,
            rgb(94,182,247) 54%,
            rgb(193,230,252) 85%,
            rgb(193,230,252) 100%),
        linear-gradient(
            to bottom right,
            rgb(157,213,252) 0%,
            rgb(224,244,254) 75%,
            rgb(224,244,254) 100%);

    -fx-color: -fx-pressed-base;
}

.checkBox .mark {
    -fx-background-color: transparent;
    -fx-background-insets: 1 0 -1 0;
    -fx-padding: 0.333333em;
    -fx-shape: "M0,4H2L3,6L6,0H8L4,8H2Z";
}

.checkBox:indeterminate .mark {
    -fx-background-color: rgb(74,95,151);
    -fx-shape: "M0,0H8V2H0Z";
    -fx-scale-shape: false;
}

.checkBox:selected .mark {
    -fx-background-color: rgb(74,95,151);
}

.checkBox:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.checkBox:show-mnemonics .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
}

